<input type="hidden" id="slideStreamId" value="<?php echo $this->slideStream->slideStreamId; ?>" />
<h2>Slide Stream: <span id="slideStreamTitle"><?php echo $this->slideStream->title; ?></span></h2>

<pre><?php //print_r($this->entities); ?></pre>

<div id="dialog"></div>

<div id="infoBarWrapper" class="yui-g ui-corner-all">
    <div id="infoBar">
        <table>
            <tbody>
                <tr>
                    <td><input id="addSlideButton" type="button" value="Add New Slide" /></td>
                    <td>Total Number of Slides: <span id="totalSlides"></span></td>
                    <td>Total Running Time: <span id="totalRunningTime"></span></td>
                    <td style="text-align: right;"><input id="saveSlideStreamButton" type="button" value="Save Slide Stream" /></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="ui-helper-clearfix"></div>

<div id="editorMain" class="yui-gb">
    <div id="timeline" class="yui-u first ui-corner-all">
        <div class="timelineContent"> 
            <div id="timelineThumbs"></div>
        </div>
    </div>
    <div id="previewPane" class="yui-u ui-corner-all"> 
        <div id="previewPaneContent">
            <input type="button" id="deleteSlideButton" value="Delete" />
            <div id="previewImage"></div>
            <div id="previewInfo">
            
                <p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
                    <span class="ui-icon ui-icon-comment" style="float:left; margin:-2px 5px 0 0;"></span>
                        Title: <span id="previewInfoTitle"></span>
                </p>
            
                <p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
                    <span class="ui-icon ui-icon-link" style="float:left; margin:-2px 5px 0 0;"></span>
                    <span class="ui-icon ui-icon-search" id="previewLink" style="float:right; margin:-2px 5px 0 0;"></span>
                        URL: <span id="previewInfoUrl"></span>
                </p>
            
                <p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
                    <span class="ui-icon ui-icon-clock" style="float:left; margin:-2px 5px 0 0;"></span>
                        Display Length: <span id="displayLength"></span>
                </p>
                
                <div style="width: 200px; margin: 0 10px; float: left;">
                    <span>Minutes</span>
                    <div id="displayMinutesSlider"></div>
                </div>
                
                <div style="width: 200px; margin: 0 10px; float: right;">
                    <span>Seconds</span>
                    <div id="displaySecondsSlider"></div>
                </div>              
            </div>
        </div> 
    </div>
    <div id="controlPanel" class="yui-u">
    <?php foreach ($this->optionModules as $m): ?>
        <h3><a href="#"><?php echo $m['object']->getTitle(); ?></a></h3>
        <div class="module" id="<?php echo $m['classname']; ?>">
            <?php echo $m['object']->getOptionForm(1); ?>
        </div>
    <?php endforeach; ?>
    </div>
</div> 
<div class="ui-helper-clearfix"></div>